<!-- MyButton.vue -->
<template>
    <van-button
            :type="type"
            :round="round"
            :block="block"
            :native-type="nativeType"
            class="submit-btn"
            @click="$emit('click', $event)"
    >
        {{ text }}
    </van-button>
</template>

<script>
    export default {
        name: 'MyButton',
        props: {
            text: {
                type: String,
                default: '提交'
            },
            type: {
                type: String,
                default: 'primary'
            },
            round: {
                type: Boolean,
                default: true
            },
            block: {
                type: Boolean,
                default: true
            },
            nativeType: {
                type: String,
                default: 'submit'
            }
        }
    }
</script>

<style scoped>
    .submit-btn {
        background: linear-gradient(135deg, #4a90e2, #50aee5);
    }
</style>
